@import "./util.scss";

.el-sub-menu .el-menu-item {
  background: set-color(nil-menu, children-background) !important;
}
.side-bar .viteIcon,
.el-menu-item a {
  color: set-color(nil-menu, sub-menu-title-color) !important;
}

// 菜单背景色
.el-menu-item,
.el-sub-menu__title,
.side-bar {
  overflow: hidden;
  background: set-color(nil-menu, menu-background) !important;
}

.el-sub-menu .el-menu-item:hover {
  background: set-color(nil-menu, children-hover-background) !important;
}
.el-sub-menu__title {
  color: set-color(nil-menu, sub-menu-title-color) !important;
}
// 菜单元素点击时
.is-active > a,
.is-active > .el-sub-menu__title > div > * {
  color: set-color(nil-menu, item-hover-color) !important;
}

// 悬浮弹窗的情况
.el-menu--popup ._s .el-menu-item a {
  display: block;
  width: 100%;
}
.el-menu--popup ._s .el-menu-item:hover {
  background: set-color(nil-menu, item-hover-background) !important;
}

.el-sub-menu__title:hover .icon,
.el-menu-item:hover .icon,
// 不可以展开下级菜单悬浮时
.el-menu-item:hover a,
// 可以展开下级菜单悬浮时
.el-sub-menu__title:hover span {
  // background: set-color(nil-menu, item-hover-background) !important;
  color: set-color(nil-menu, item-hover-color) !important;
  transition: all 0.3s;
}

// 一级菜单悬浮
.el-menu-item[data-count="1"]:hover,
.el-sub-menu__title:hover {
  transition: all 0.3s;
  background: set-color(nil-menu, item-hover-background) !important;
}
